import colors from 'tailwindcss/colors'
import forms from '@tailwindcss/forms'

import tailwindcss_ripple from "tailwindcss-ripple";

/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ['./index.html', './src/**/*.{vue,js,ts}'],
    theme: {
        extend: {
            colors: {
                ...colors,
                gray: {
                    ...colors.gray,
                    700: '#ffffff19',
                    800: '#191919',
                    900: '#131313',
                },
                klein: '#002FA7'
            },
            ripple: theme => ({
                colors: theme('colors'),
                darken: 0.1
            }),
            boxShadow: {
                toolbar: '0 4px 16px 0 rgba(0,0,0,.6)',
            },
            fontFamily: {
                sans: ['Inter'],
            },
            scale: {
                flip: '-1',
            },
        },

    },
    plugins: [forms,tailwindcss_ripple()]
}

